.loading {
    width: 0;
    height: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    color: #fff;

    &::before {
        content: "";
        position: absolute;
        top: -100px;
        left: -100px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        background-image: conic-gradient(red, green, blue, purple, red);
        // background-image: conic-gradient(#179dfc, #fff 10%, #179dfc);
        mask-image: radial-gradient(#fff 0px, #fff 80px, #fff 0px, #fff 80px);
        -webkit-mask-image: radial-gradient(transparent 0px, transparent 90px, #fff 0px, #fff 90px);
        animation: rotate 1s infinite;
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}